import React from 'react'
import Component, { mapStateToProps, mapDispatchToProps } from '@components/Component'
import { connect } from 'react-redux'
import style from './Statistic.module.less'
import NumberStatistic from '@components/MonthStatistic/NumberStatistic'
import MoneyStatistic from '@components/MonthStatistic/MoneyStatistic'

class MonthStatistic extends Component {
  render () {
    return (
      <div className={style.container} style={{ paddingTop: '24px' }}>
        <div className={style.block}>
          <NumberStatistic />
        </div>
        <div className={style.block}>
          <MoneyStatistic />
        </div>
      </div>
    )
  }
}

const mapState = mapStateToProps(function (state) {
  return {
    userInfo: state.basic.userInfo
  }
})

const mapDispatch = mapDispatchToProps(function (dispatch) {
  return {
  }
})

export default connect(mapState, mapDispatch)(MonthStatistic)
